@import url("../../[branding]_components/dealerInteractiveMap.css");

/* XPENG tab — removes uppercase fallback (brand CSS sets --dim-tab-text-transform) */
.dealer-map__tab {
  text-transform: var(--dim-tab-text-transform);
}

/* XPENG select — no uppercase */
.dealer-map__select {
  text-transform: none;
}

/* XPENG outline CTA hover — brand var border */
.dealer-map-card__cta--outline:hover {
  border-color: var(--dim-cta-outline-background-color-hover);
}

/* XPENG — font-size reductions at wide desktop */
@media (max-width: 1366px) {
  .dealer-map-card__title {
    font-size: var(--text-base);
  }

  .dealer-map-card__address,
  .dealer-map-card__phone,
  .dealer-map-card__email {
    font-size: var(--text-base);
  }

  .dealer-map-card__hours-row {
    font-size: var(--text-base);
  }
}

/* XPENG — tablet layout adjustments */
@media (max-width: 768px) {
  .dealer-map__map-container {
    width: 100vw;
    height: 202px;
  }

  .dealer-map__controls {
    padding: 47px 0 37px;
  }

  .dealer-map-card__footer {
    gap: 18px;
  }

  .dealer-map-card__cta {
    width: 475px;
    margin: 0 auto;
    height: 45px;
  }

  .dealer-map__panel {
    background: var(--brand-white);
  }
}

/* XPENG — mobile map height */
@media (max-width: 576px) {
  .dealer-map__map-container {
    height: 200px;
  }
}